﻿<html>
	<head>
		<title>财富密码</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
		<meta name="screen-orientation" content="portrait">
		<style>
			body {
				margin: 0;
				padding: 0;
				font-size: 12px;
				color: #333333;
				font-family: Microsoft YaHei, Arial, Verdana, sans-serif, Segoe UI, Tahoma;
				-webkit-text-size-adjust: none;
				background: none repeat scroll 0 0 #ffffff;
				width: 100%;
				height: 100%;
			}
			
			.select {
				height: 50px;
				width: 100%;
				margin: 0 auto;
				top: 0;
				z-index: 2;
				text-align: center;
			}
			
			.select .list {
				margin: 0 auto;
				height: 50px;
				line-height: 50px;
				background: #0096e0;
				z-index: 5;
				position: relative;
			}
			
			.select .list .top-logo {
				position: absolute;
				left: 10px;
			}
			
			.select .list span img {
				padding-top: 12px;
			}
			
			.select .list .menu-btn {
				width: 50px;
				height: 50px;
				line-height: 50px;
				position: absolute;
				top: 0;
				right: 0;
				font-size: 16px;
				color: #fff;
			}
			
			.select .list a {
				font-weight: 700;
				cursor: pointer;
				text-decoration: none;
			}
			
			.select .list a.title {
				padding-left: 35%;
			}
			
			.select .list a span {
				text-align: center;
			}
			
			.select .list a:hover {
				background-color: transparent;
			}
			
			.select .list a.login {
				position: absolute;
				right: 5%;
				color: #fff;
				top: 16px;
				display: inline-block;
				line-height: 22px;
				height: 24px;
				font-size: 14px;
			}
			
			.select .selectPhoneWebStyle a {
				padding-top: 0;
				display: inline-block;
				font-size: 14px;
				text-align: center;
				width: 54px;
				cursor: pointer;
				text-decoration: none;
				float: left;
				color: #ffffff;
				margin: 0px 10px;
			}
			
			.select span.title {
				font-size: 14px;
				color: #fff;
			}
			
			.kline-menu-btn {
				position: absolute;
				top: 0;
				right: 5px;
				color: white;
				padding: 9px 12px 9px 10px;
				line-height: 25px;
				height: 25px;
			}
			
			.kline-menu-btn img {
				width: 18px;
				height: 18px;
				vertical-align: middle;
				margin-top: -5px;
				margin-left: 5px;
			}
			
			.kline-menu {
				position: absolute;
				top: 50px;
				right: 10px;
				color: white;
				background: #232323;
				padding: 10px 30px 10px 20px;
				border-radius: 3px;
				display: none;
			}
			
			.kline-menu:after {
				content: '';
				width: 0;
				height: 0;
				border: 10px solid transparent;
				border-bottom: 10px solid #232323;
				position: absolute;
				top: -18px;
				right: 6px;
			}
			
			.kline-menu a {
				display: block;
				color: white;
				text-decoration: none;
				padding: 5px 0;
			}
			
			.kline-menu a img {
				width: 18px;
				height: 18px;
				vertical-align: middle;
				visibility: hidden;
			}
			
			.kline-menu a img.visible {
				visibility: visible;
			}
			
			.kline-bottom {
				height: 50px;
				background: white;
			}
			
			.kline-bottom .download-btn {
				display: block;
				height: 30px;
				margin: 10px;
				line-height: 30px;
				background: #0094e2;
				padding: 5px 0;
				text-align: center;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				color: #fff;
				font-size: 17px;
				text-decoration: none;
			}
		</style>
	</head>

	<body>
		<div class="select clear">
			<div class="list center">
				<span class="blue bold top-logo" title="首页">
         <a href="javascript:history.back(-1);">
          <img width="12" height="21" src="picture/icon_arrow_left_white.png"/>
         </a>
     </span>
				<span class="title">人民币BTC现货行情</span>
				<a class="login" href="showLogin.html" id="" title="">登录</a>
			</div>
		</div>
		<div style="width: 100%;height:100%;position: relative">
			<iframe id='kline_iframe' onload="loadKline_iframe()" style="border:0; height:100%; width:100%; overflow:hidden" src="picture/line.png"></iframe>
			<div class="kline-menu-btn">
				比特币
				<img class="header-arrow" src="picture/icon_down.png" />
			</div>
			<div class="kline-menu">
				<a href="javacript:void(0);">
					<img src="picture/icon_check.png" class="visible" />比特币
				</a>
				<a href="javacript:void(0);">
					<img src="picture/icon_check.png" />莱特币
				</a>
				<a href="javacript:void(0);">
					<img src="picture/icon_check.png" />以太坊
				</a>
			</div>
		</div>
		<div class="kline-bottom">
			<a class="submit-btn download-btn" href="javascript:void(0);" onclick="alert('该功能还在开发中');">开始交易</a>
		</div>

		<script src="js/jquery-1.8.2.js"></script>
		<script type="text/javascript">
			window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

			function hengshuping() {
				if(window.orientation == 90 || window.orientation == -90) {
					//横屏
					window.orientation = 'landscape';
				} else {
					//竖屏
					location.reload();
				}
			}

			jQuery('.kline-menu-btn').click(function() {
				jQuery('.kline-menu').toggle();
			});
		</script>
	</body>
</html>